<%@ page language="java" contentType="text/html; charset=UTF-8"%>


<!---------------------------------------头部模块复用------------------------------------------>
<%@ include file="/res/FrontPage/PartialPageReferences/head.jsp" %>

<title>劲松银行全球门户网站</title>
<!-----------------------会动的图片框框开始------------------------->
<div class="tp-banner-container rev_slider_wrapper fullwidthbanner-container" data-alias="news-hero72">
    <div class="home_slider">
        <ul>
            <li data-index="rs-10" data-transition="fade" data-slotamount="7" class="bg-light"
                data-easein="Power4.easeInOut" data-delay="5000" data-easeout="Power4.easeInOut" data-masterspeed="2000"
                data-rotate="0" data-saveperformance="off" data-title="Love it?" data-description="">
                <img src="/Bank/res/FrontPage/images/new_slider1.jpg" alt="systemimg" data-kenburns="off" data-bgposition="center center"
                     data-duration="10000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="120"
                     data-rotatestart="0" data-rotateend="0" data-offsetstart="0 -500" data-bgfit="cover"
                     data-offsetend="0 500" data-bgparallax="10" class="rev-slidebg" data-no-retina>
                <div class="tp-caption  sfb tp-resizeme" data-x="center"
                     data-y="120" data-speed="700" data-start="1000" data-easing="Power0.easeInOut"
                     data-splitin="words"
                     data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1"
                     style="z-index: 5; max-width: inherit; max-height: inherit; white-space: nowrap;color: #fff;font-size:60px;font-family: lato">
						欢 迎 来 到
                </div>
                <div class="tp-caption sft tp-resizeme" data-x="center"
                     data-y="200" data-speed="700" data-start="1000" data-easing="Power0.easeInOut"
                     data-splitin="words"
                     data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1"
                     style="z-index: 5; max-width: inherit; max-height: inherit; white-space: nowrap;color: #fff;font-size:70px;font-family: lato">
                    	劲 松 银 行
                </div>

                <div class="hidden-xs tp-caption  sfl tp-resizeme" data-x="430"
                     data-y="340" data-speed="1000" data-start="2000" data-easing="Power3.easeInOut"
                     data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1"
                     style="z-index: 5;">
                    <a href="/Bank/WebPage/FrontPage/CreditCardPage/CreditCard.jsp" class="slider_btn hvr-shutter-out-horizontal">申请信用卡</a>
                </div>
                <div class="hidden-xs tp-caption  sfr tp-resizeme" data-x="600"
                     data-y="340" data-speed="1000" data-start="2000" data-easing="Power3.easeInOut"
                     data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1"
                     style="z-index: 5">
                    <a href="/Bank/WebPage/FrontPage/ConvenientLoanPage/ConvenientLoan.jsp" class="slider_btn">申请贷款</a>
                </div>
            </li>
            <li data-transition="Curtain from Middle" data-slotamount="7" data-delay="5000" data-masterspeed="600"
                class="bg-light">

                <img src="/Bank/res/FrontPage/images/new_slider4.png" alt="girlimg" data-bgposition="right bottom"
                     data-duration="11000" data-ease="Linear.easeNone" data-bgfit="cover"
                     data-bgpositionend="left top">
                <div class="tp-caption grey_heavy_72 sfb tp-resizeme" data-x="center"
                     data-y="150" data-speed="700" data-start="700" data-easing="Power0.easeInOut"
                     data-splitin="lines"
                     data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1"
                     style="z-index: 5; max-width: inherit; max-height: inherit; white-space: nowrap;color: #fff;font-size:55px;font-family: lato">
                    	热烈庆祝 劲松银行
                </div>
                <div class="tp-caption grey_heavy_72 sft tp-resizeme" data-x="center"
                     data-y="250" data-speed="700" data-start="1000" data-easing="Power0.easeInOut"
                     data-splitin="lines"
                     data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1"
                     style="z-index: 5; max-width: inherit; max-height: inherit;
                     white-space: nowrap;color: #fff;font-size:45px;font-family: lato">
                    	成 立 两 个 月
                </div>
                <div class="hidden-xs tp-caption  sfl tp-resizeme" data-x="430"
                     data-y="350" data-speed="1000" data-start="2000" data-easing="Power3.easeInOut"
                     data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1"
                     style="z-index: 5;">
                    <a href="/Bank/WebPage/FrontPage/CreditCardPage/CreditCard.jsp" class="slider_btn">管理资金</a>
                </div>
                <div class="hidden-xs tp-caption  sfr tp-resizeme" data-x="600"
                     data-y="350" data-speed="1000" data-start="2000" data-easing="Power3.easeInOut"
                     data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1"
                     style="z-index: 5;">
                    <a href="contact_us.jsp" class="slider_btn">了解历史</a>
                </div>
            </li>
            <!---->
            <li data-index="rs-82" data-transition="fade" data-slotamount="7" data-masterspeed="500" data-delay="5000"
                data-saveperformance="on"
                data-title="Intro Slide" data-bgfit="cover">
                <img src="/Bank/res/FrontPage/images/new_slider3.png" alt="girlimg" data-bgposition="right bottom"
                     data-duration="11000" data-ease="Linear.easeNone" data-bgfit="cover"
                     data-bgpositionend="left top">

                <div class="tp-caption grey_heavy_72 sfl tp-resizeme" data-x="center"
                     data-y="150" data-speed="700" data-start="700" data-easing="Power0.easeInOut"
                     data-splitin="words"
                     data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1"
                     style="z-index: 5; max-width: inherit; max-height: inherit; white-space: nowrap;color: #fff;font-size:70px;font-family: lato">
                    	国 际 金 融
                </div>
                <div class="tp-caption grey_heavy_72 sfr tp-resizeme" data-x="center"
                     data-y="250" data-speed="700" data-start="1500" data-easing="Power0.easeInOut"
                     data-splitin="words"
                     data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1"
                     style="z-index: 5; max-width: inherit; max-height: inherit; white-space: nowrap;color: #fff;font-size:45px;font-family: lato">
                    	就选劲松银行
                </div>
                <div class="hidden-xs tp-caption  sfb tp-resizeme" data-x="430"
                     data-y="350" data-speed="1000" data-start="2000" data-easing="Power3.easeInOut"
                     data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1"
                     style="z-index: 5;">
                    <a href="/Bank/WebPage/FrontPage/InvestmentAndFinancingPage/InvestmentAndFinancing.jsp" class="slider_btn">投资理财</a>
                </div>
                <div class="hidden-xs tp-caption  sfb tp-resizeme" data-x="600"
                     data-y="350" data-speed="1500" data-start="2000" data-easing="Power3.easeInOut"
                     data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1"
                     style="z-index: 5;">
                    <a href="/Bank/WebPage/FrontPage/FinancialServicePage/FinancialService.jsp" class="slider_btn">金融服务</a>
                </div>
            </li>
            <li data-index="rs-82" data-transition="fade" data-slotamount="7" data-masterspeed="500" data-delay="5000"
                data-saveperformance="on"
                data-title="Intro Slide" data-bgfit="cover">
                <img src="/Bank/res/FrontPage/images/new_slider5.jpg" alt="girlimg" data-bgposition="right bottom"
                     data-duration="11000" data-ease="Linear.easeNone" data-bgfit="cover"
                     data-bgpositionend="left top">

                <div class="tp-caption grey_heavy_72 sfl tp-resizeme" data-x="center"
                     data-y="150" data-speed="700" data-start="700" data-easing="Power0.easeInOut"
                     data-splitin="words"
                     data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1"
                     style="z-index: 5; max-width: inherit; max-height: inherit; white-space: nowrap;color: #fff;font-size:70px;font-family: lato">
                    	最 低 贷 款 利 率
                </div>
                <div class="tp-caption grey_heavy_72 sfr tp-resizeme" data-x="center"
                     data-y="250" data-speed="700" data-start="1500" data-easing="Power0.easeInOut"
                     data-splitin="words"
                     data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1"
                     style="z-index: 5; max-width: inherit; max-height: inherit; white-space: nowrap;color: #fff;font-size:45px;font-family: lato">
                    	就在劲松银行
                </div>
                <div class="hidden-xs tp-caption  sfb tp-resizeme" data-x="430"
                     data-y="350" data-speed="1000" data-start="2000" data-easing="Power3.easeInOut"
                     data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1"
                     style="z-index: 5;">
                    <a href="/Bank/WebPage/FrontPage/InvestmentAndFinancingPage/InvestmentAndFinancing.jsp" class="slider_btn">投资理财</a>
                </div>
                <div class="hidden-xs tp-caption  sfb tp-resizeme" data-x="600"
                     data-y="350" data-speed="1500" data-start="2000" data-easing="Power3.easeInOut"
                     data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1"
                     style="z-index: 5;">
                    <a href="/Bank/WebPage/FrontPage/FinancialServicePage/FinancialService.jsp" class="slider_btn">前往贷款</a>
                </div>
            </li>
            <li data-index="rs-82" data-transition="fade" data-slotamount="7" data-masterspeed="500" data-delay="5000"
                data-saveperformance="on"
                data-title="Intro Slide" data-bgfit="cover">
                <img src="/Bank/res/FrontPage/images/new_slider6.jpg" alt="girlimg" data-bgposition="right bottom"
                     data-duration="11000" data-ease="Linear.easeNone" data-bgfit="cover"
                     data-bgpositionend="left top">

                <div class="tp-caption grey_heavy_72 sfl tp-resizeme" data-x="center"
                     data-y="150" data-speed="700" data-start="700" data-easing="Power0.easeInOut"
                     data-splitin="words"
                     data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1"
                     style="z-index: 5; max-width: inherit; max-height: inherit; white-space: nowrap;color: #fff;font-size:70px;font-family: lato">
                    	轻 松 理 财
                </div>
                <div class="tp-caption grey_heavy_72 sfr tp-resizeme" data-x="center"
                     data-y="250" data-speed="700" data-start="1500" data-easing="Power0.easeInOut"
                     data-splitin="words"
                     data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1"
                     style="z-index: 5; max-width: inherit; max-height: inherit; white-space: nowrap;color: #fff;font-size:45px;font-family: lato">
                    	就选劲松银行
                </div>
                <div class="hidden-xs tp-caption  sfb tp-resizeme" data-x="430"
                     data-y="350" data-speed="1000" data-start="2000" data-easing="Power3.easeInOut"
                     data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1"
                     style="z-index: 5;">
                    <a href="/Bank/WebPage/FrontPage/InvestmentAndFinancingPage/InvestmentAndFinancing.jsp" class="slider_btn">投资理财</a>
                </div>
                <div class="hidden-xs tp-caption  sfb tp-resizeme" data-x="600"
                     data-y="350" data-speed="1500" data-start="2000" data-easing="Power3.easeInOut"
                     data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1"
                     style="z-index: 5;">
                    <a href="/Bank/WebPage/FrontPage/FinancialServicePage/FinancialService.jsp" class="slider_btn">金融服务</a>
                </div>
            </li>
        </ul>
    </div>
</div>
<!-----------------------会动的图片框框结束------------------------->


<!------------------------功能模块开始----------------------->
<div class="container">
    <div class="row">
        <div class="col-sm-6 col-sm-offset-3 m-t-50">
            <h2 class="heading underline">关于我们</h2>
            <p class="text-center">我们正在建立一个伟大的银行，我们对银行的未来感到非常兴奋。</p>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-5">
            <img src="/Bank/res/FrontPage/images/index3.png" alt="boyimg" class="img-responsive">
        </div>
        <div class="col-sm-7 section-top-40">
            <div class="row">
                <div class="col-md-6">
                    <div class="about_col_space">
                        <div class="row profile1">
                            <div class="col-md-3 col-sm-3 col-xs-3 section-top-20">
                                <img src="/Bank/res/FrontPage/images/responsible-energy-use.png" class="img-responsive"
                                     alt="about_icons">
                            </div>

                            <div class="profile_data col-md-9 col-sm-9 col-xs-9 section-top-20">
                                <a href="servicse.jsp"><h5 class="profile_data">安全金融</h5></a>
                                <p class="profile_data">提供优质的金融业务，让存钱更安全，取钱更放心，利息比其他银行高20%......
                                    <br/><a href="/Bank/WebPage/FrontPage/FinancialServicePage/FinancialService.jsp" class="text-success">更多..</a>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="about_col_space">
                        <div class="row profile1">
                            <div class="col-md-3  col-xs-3 section-top-20">
                                <img src="/Bank/res/FrontPage/images/global.png" class="img-responsive" alt="about_icons">
                            </div>
                            <div class="profile_data col-md-9 col-sm-9 col-xs-9 section-top-20">
                                <a href="/Bank/WebPage/FrontPage/InvestmentAndFinancingPage/InvestmentAndFinancing.jsp"><h5 class="profile_data"></h5>信用卡服务</a>
                                <p class="profile_data">充分利用起信用的价值，让你的信用成为一种超前的消费方式......
                                    <br/><a href="/Bank/WebPage/FrontPage/InvestmentAndFinancingPage/InvestmentAndFinancing.jsp" class="text-success">更多..</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="about_col_space">
                        <div class="row profile1">
                            <div class="col-md-3  col-xs-3 section-top-20">
                                <img src="/Bank/res/FrontPage/images/diversity.png" class="img-responsive" alt="about_icons">
                            </div>
                            <div class="profile_data col-md-9 col-sm-9 col-xs-9 section-top-20">
                                <a href="/Bank/WebPage/FrontPage/InvestmentAndFinancingPage/InvestmentAndFinancing.jsp"><h5 class="profile_data">贷款服务</h5></a>
                                <p class="profile_data">提供相关证明就可以借到足够的资金，首月零利率，帮助广大中小企业......
                                    <br/><a href="/Bank/WebPage/FrontPage/InvestmentAndFinancingPage/InvestmentAndFinancing.jsp" class="text-success">更多..</a>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="about_col_space">
                        <div class="row profile1">
                            <div class="col-md-3 col-sm-3 col-xs-3 section-top-20">
                                <img src="/Bank/res/FrontPage/images/leadrship.png" class="img-responsive" alt="about_icons">
                            </div>
                            <div class="profile_data col-md-9 col-sm-9 col-xs-9 section-top-20">
                                <a href="/Bank/WebPage/FrontPage/InvestmentAndFinancingPage/InvestmentAndFinancing.jsp"><h5 class="profile_data"> 国际金融</h5></a>
                                <p class="profile_data">全面支持跨国银行转账，让你的出国旅行更放心......
                                    <br/><a href="/Bank/WebPage/FrontPage/InvestmentAndFinancingPage/InvestmentAndFinancing.jsp" class="text-success">更多..</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!------------------------功能模块结束----------------------->

<!-------------------------介绍模块开始----------------------------->
<section class="home3_countup_section parallax m-t-70">
    <div class="container  section-bottom-pad-40">
        <div class="row">
            <div class="col-sm-6 col-sm-offset-3  section-top-40 text-center">
                <h2 class="text-white heading2 underline2 section-top-25">银行的规模</h2>
                <p class="text-white text-center">一个成功的银行必定有着强大的实力，广泛的覆盖率，而且是在世界上都能出名的</p>
            </div>
        </div>
        <div class="row section-top-40">
            <div class="col-md-3 col-sm-6 col-xs-12  text-center text-white">
                <span class="statics_options" id="Overseas">97个</span>
                <h4 class="text-white">覆盖全球国家</h4>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12  text-center text-white">
                <span class="statics_options" id="Investors">1600家</span>
                <h4 class="text-white">全球分行数量</h4>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12 text-center text-white">
                <span class="statics_options" id="Client">14400家</span>
                <h4 class="text-white">全球合作企业</h4>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12 text-center text-white">
                <span class="statics_options" id="Success">97 </span><span class="text-white statics_options">%</span>
                <h4 class="text-white">业务成功率</h4>
            </div>
        </div>
    </div>
</section>
<!-------------------------介绍模块结束----------------------------->

<!----------Countup-section end------>
<section class="bg-default section-bottom-pad-40">
    <div class="container">
        <div class="row">
            <div class="col-sm-6 col-sm-offset-3 m-t-50">
                <h2 class="heading underline">金融服务</h2>
                <p class="text-center">我们的服务将会是业界一流，公司的前途十分光明，相信您会加入我们注册会员的行列。</p>
            </div>
        </div>
        <div class="row m-t-50">
            <div class="col-sm-4">
                <img src="/Bank/res/FrontPage/images/home2_slider_layer3.png" alt="img" class="img-responsive center-block">
            </div>
            <div class="col-sm-4">
                <ul class="list-unstyled">
                    <li class="link_transition"><a href="/Bank/WebPage/FrontPage/FinancialServicePage/FinancialService.jsp"><i class="fa fa-caret-right"></i><i
                            class="fa fa-caret-right"></i> &nbsp;基于网络的安全存款服务</a></li>
                    <li class="link_transition  section-top-10"><a href="/Bank/WebPage/FrontPage/FinancialServicePage/FinancialService.jsp"><i
                            class="fa fa-caret-right"></i><i class="fa fa-caret-right"></i> &nbsp;基于网络的安全取款业务</a></li>
                    <li class="link_transition  section-top-10"><a href="/Bank/WebPage/FrontPage/FinancialServicePage/FinancialService.jsp"><i
                            class="fa fa-caret-right"></i><i class="fa fa-caret-right"></i> &nbsp;云数据处理</a></li>
                    <li class="link_transition  section-top-10"><a href="/Bank/WebPage/FrontPage/FinancialServicePage/FinancialService.jsp"><i
                            class="fa fa-caret-right"></i><i class="fa fa-caret-right"></i> &nbsp;生财有道</a></li>
                    <li class="link_transition  section-top-10"><a href="/Bank/WebPage/FrontPage/FinancialServicePage/FinancialService.jsp"><i
                            class="fa fa-caret-right"></i><i class="fa fa-caret-right"></i> &nbsp;快捷消费</a></li>
                    <li class="link_transition  section-top-10"><a href="/Bank/WebPage/FrontPage/FinancialServicePage/FinancialService.jsp"><i
                            class="fa fa-caret-right"></i><i class="fa fa-caret-right"></i> &nbsp;跨账户转账</a></li>
                    <li class="link_transition  section-top-10"><a href="#####"><i
                            class="fa fa-caret-right"></i><i class="fa fa-caret-right"></i> &nbsp;跨行转账(黄金会员专享)</a>
                    </li>
                    <li class="link_transition  section-top-10"><a href="/Bank/WebPage/FrontPage/FinancialServicePage/FinancialService.jsp"><i
                            class="fa fa-caret-right"></i><i class="fa fa-caret-right"></i> &nbsp;跨国转账(钻石会员专享)</a>
                    </li>
                </ul>
            </div>
            <div class="col-sm-4">
                <div id="Services_Carousel" class="carousel slide" data-ride="carousel">
                    <ol class="carousel-indicators">
                        <li data-target="#Services_Carousel" data-slide-to="0" class="active"></li>
                        <li data-target="#Services_Carousel" data-slide-to="1"></li>
                        <li data-target="#Services_Carousel" data-slide-to="2"></li>
                    </ol>
                    <div class="carousel-inner">
                        <div class="item active" data-interval="3000">
                            <figure class="imghvr-zoom-in">
                                <img src="/Bank/res/FrontPage/images/gallery2.jpg" alt="people" class="img-responsive">
                                <figcaption>
                                    <div class="text-center">

                                        <h6 class="text-white"> 安全存款</h6>
                                        <p class="text-white">
                                            	讲的就是安全<br/>讲的就是放心
                                        </p>
                                        <a href="/Bank/WebPage/FrontPage/FinancialServicePage/FinancialService.jsp" class="btn btn-success">前往了解</a>
                                    </div>
                                </figcaption>
                            </figure>
                        </div>
                        <div class="item" data-interval="3000">
                            <figure class="imghvr-zoom-in">
                                <img src="/Bank/res/FrontPage/images/portfolio5.jpg" alt="people" class="img-responsive">
                                <figcaption>
                                    <div class="text-center">

                                        <h6 class="text-white"> 云数据处理 </h6>
                                        <p class="text-white">
                                            	100%保证数据安全 <br/>支持修改查看
                                        </p>
                                        <a href="/Bank/WebPage/FrontPage/FinancialServicePage/FinancialService.jsp" class="btn btn-success">前往了解</a>
                                    </div>
                                </figcaption>
                            </figure>
                        </div>
                        <div class="item" data-interval="3000">
                            <figure class="imghvr-zoom-in">
                                <img src="/Bank/res/FrontPage/images/newsroom3.jpg" alt="people" class="img-responsive">
                                <figcaption>
                                    <div class="text-center">

                                        <h6 class="text-white">生财有道</h6>
                                        <p class="text-white">
                                            	学习更多的理财小方法 <br/>让存款活起来
                                        </p>

                                        <a href="/Bank/WebPage/FrontPage/FinancialServicePage/FinancialService.jsp" class="btn btn-success">前往了解</a>
                                    </div>
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <!-- Left and right controls -->
                    <a class="left carousel-control" href="#Services_Carousel" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                        <span class="sr-only">上一页</span>
                    </a>
                    <a class="right carousel-control" href="#Services_Carousel" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                        <span class="sr-only">下一页</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>
<div class="tlinks">Collect from <a href="#####" >企业网站模板</a></div>
<!-------------Services Section End------------>



<div class="container">
    <div class="row">
        <div class="col-sm-6 col-sm-offset-3 m-t-50">
            <h2 class="heading underline">人工服务</h2>
            <p class="text-center">人性化服务，一流的服务态度，保证满意</p>
        </div>
    </div>
    <div class="row section-top-10">
        <div class="col-sm-6 section-top-25">
            <div class="row">
                <div class="col-md-6 section-top-align">
                    <figure class="imghvr-slide-up img-responsive">
                        <img src="/Bank/res/FrontPage/images/portfolio5.jpg" alt="gallery3">
                        <figcaption>
                            <div class="text-center hoveicon_plus">
                                <a href="/Bank/WebPage/FrontPage/ConvenientLoanPage/ConvenientLoan.jsp"><i class="fa fa-plus-circle fa-2x text-white"
                                                           aria-hidden="true"></i></a>
                            </div>
                        </figcaption>
                    </figure>
                </div>
                <div class="col-md-6">
                    <h5>提供金融咨询的服务</h5>
                    <hr/>
                    <p> 在金融服务的使用过程中，您遇到的一切问题，我们将帮助解决 <br/> <a
                            href="/Bank/WebPage/FrontPage/ConvenientLoanPage/ConvenientLoan.jsp" class="text-success"> 前往了解</a></p>
                    <ul class="social_icons list-inline">
                        <li class="facebook_icon">
                            <a href="#"><i class="fa fa-facebook " aria-hidden="true"></i></a>
                        </li>
                        <li class="twitter_icon ">
                            <a href="#"><i class="fa fa-twitter " aria-hidden="true"></i></a>
                        </li>
                        <li class="pinterest_icon">
                            <a href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a>
                        </li>
                        <li class="instagram_icon">
                            <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
                        </li>
                        <li class="flickr_icon">
                            <a href="#"><i class="fa fa-flickr " aria-hidden="true"></i></a>
                        </li>
                        <li class="youtube_icon">
                            <a href="#"><i class="fa fa-youtube-play " aria-hidden="true"></i></a>
                        </li>
                        <li class="google_plus_icon">
                            <a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-sm-6 section-top-25">
            <div class="row">
                <div class="col-md-6 section-top-align">
                    <figure class="imghvr-slide-up img-responsive">
                        <img src="/Bank/res/FrontPage/images/gallery2.jpg" alt="gallery3">
                        <figcaption>
                            <div class="text-center hoveicon_plus">
                                <a href="/Bank/WebPage/FrontPage/ConvenientLoanPage/ConvenientLoan.jsp"><i class="fa fa-plus-circle fa-2x text-white"
                                                           aria-hidden="true"></i></a>
                            </div>
                        </figcaption>
                    </figure>
                </div>
                <div class="col-md-6">
                    <h5>信用卡办理</h5>
                    <hr/>
                    <p class="section-top-25"> 办理信用卡的过程中，您遇到的一切问题，我们将帮助解决 <br/>
                     <a href="/Bank/WebPage/FrontPage/ConvenientLoanPage/ConvenientLoan.jsp" class="text-success"> 前往了解</a></p>

                    <ul class="social_icons list-inline">
                        <li class="facebook_icon">
                            <a href="#"><i class="fa fa-facebook " aria-hidden="true"></i></a>
                        </li>
                        <li class="twitter_icon ">
                            <a href="#"><i class="fa fa-twitter " aria-hidden="true"></i></a>
                        </li>
                        <li class="pinterest_icon">
                            <a href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a>
                        </li>
                        <li class="instagram_icon">
                            <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
                        </li>
                        <li class="flickr_icon">
                            <a href="#"><i class="fa fa-flickr " aria-hidden="true"></i></a>
                        </li>
                        <li class="youtube_icon">
                            <a href="#"><i class="fa fa-youtube-play " aria-hidden="true"></i></a>
                        </li>
                        <li class="google_plus_icon">
                            <a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
                        </li>
                    </ul>

                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-6 section-top-25">
            <div class="row">
                <div class="col-md-6 section-top-align">
                    <figure class="imghvr-slide-up img-responsive">
                        <img src="/Bank/res/FrontPage/images/newsroom3.jpg" alt="gallery3">
                        <figcaption>
                            <div class="text-center hoveicon_plus">
                                <a href="/Bank/WebPage/FrontPage/ConvenientLoanPage/ConvenientLoan.jsp"><i class="fa fa-plus-circle fa-2x text-white"
                                                           aria-hidden="true"></i></a>
                            </div>
                        </figcaption>
                    </figure>
                </div>
                <div class="col-md-6">
                    <h5>贷款服务</h5>
                    <hr/>
                    <p> 您在贷款的过程中遇到的一切问题，我们将帮助解决 <br/><a
                            href="/Bank/WebPage/FrontPage/ConvenientLoanPage/ConvenientLoan.jsp" class="text-success"> 前往了解</a></p>
                    <ul class="social_icons list-inline">
                        <li class="facebook_icon">
                            <a href="#"><i class="fa fa-facebook " aria-hidden="true"></i></a>
                        </li>
                        <li class="twitter_icon ">
                            <a href="#"><i class="fa fa-twitter " aria-hidden="true"></i></a>
                        </li>
                        <li class="pinterest_icon">
                            <a href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a>
                        </li>
                        <li class="instagram_icon">
                            <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
                        </li>
                        <li class="flickr_icon">
                            <a href="#"><i class="fa fa-flickr " aria-hidden="true"></i></a>
                        </li>
                        <li class="youtube_icon">
                            <a href="#"><i class="fa fa-youtube-play " aria-hidden="true"></i></a>
                        </li>
                        <li class="google_plus_icon">
                            <a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-sm-6 section-top-25">
            <div class="row">
                <div class="col-md-6 section-top-align">
                    <figure class="imghvr-slide-up img-responsive">
                        <img src="/Bank/res/FrontPage/images/gallery6.jpg" alt="gallery3">
                        <figcaption>
                            <div class="text-center hoveicon_plus">
                                <a href="/Bank/WebPage/FrontPage/ConvenientLoanPage/ConvenientLoan.jsp"><i class="fa fa-plus-circle fa-2x text-white"
                                                           aria-hidden="true"></i></a>
                            </div>
                        </figcaption>
                    </figure>
                </div>
                <div class="col-md-6">
                    <h5>会员服务
                    </h5>
                    <hr/>
                    <p> 更高级的会员我们将提供更优质的服务 <br/>. <a
                            href="/Bank/WebPage/FrontPage/ConvenientLoanPage/ConvenientLoan.jsp" class="text-success"> 前往了解</a></p>
                    <ul class="social_icons list-inline">
                        <li class="facebook_icon">
                            <a href="#"><i class="fa fa-facebook " aria-hidden="true"></i></a>
                        </li>
                        <li class="twitter_icon ">
                            <a href="#"><i class="fa fa-twitter " aria-hidden="true"></i></a>
                        </li>
                        <li class="pinterest_icon">
                            <a href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a>
                        </li>
                        <li class="instagram_icon">
                            <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
                        </li>
                        <li class="flickr_icon">
                            <a href="#"><i class="fa fa-flickr " aria-hidden="true"></i></a>
                        </li>
                        <li class="youtube_icon">
                            <a href="#"><i class="fa fa-youtube-play " aria-hidden="true"></i></a>
                        </li>
                        <li class="google_plus_icon">
                            <a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!---------------What wecan do Section End--------->


<!-------------------Subscribe Section----------->
<section class="subscribe_section parallax m-t-70">
    <div class="container m-t-50">
        <div class="row section-top-25">
            <div class="col-sm-7 col-md-6 col-xs-12 section-top-10">
                <h3 class="text-white text-right m-t-70">有什么意见的话，请填入您的邮箱，我们会和您联系</h3>
            </div>
            <div class="col-sm-5 col-md-6 m-t-50 section-bottom-pad-40  input_transparent">
                <br/>
                <form action="subscribe.php" method="post" id="subscribe" autocomplete="off">
                    <div class="input-group sub_input">
                        <input type="email" name="email" id="email" class="form-control email"
                               placeholder="您的邮箱地址" aria-describedby="email" required/>
                        <span class="input-group-addon"><button type="submit" class="subscribe_btn"><i
                                class="fa fa-paper-plane text-white" aria-hidden="true"></i></button></span>
                    </div>
                </form>
                <br/>
            </div>
        </div>
    </div>
    <br/>
</section>
<!-----------------Subscribe section End-------->

<div class="container">
    <div class="row">
        <div class="col-sm-6 col-sm-offset-3 m-t-50">
            <h2 class="heading underline">我们的团队</h2>
            <p class="text-center">一个优秀的银行必定有一个优秀的团队</p>
        </div>
    </div>
    <div class="row">
        <div class="col-md-3 col-sm-6 m-t-50">
            <div class="meetour_back section-bottom-pad-40">
                <div class="meet_img_pad">
                    <img src="/Bank/res/FrontPage/images/man6.png" alt="girlimg" class="img-responsive img-thumbnail center-block">
                </div>
                <div class="img_underdata text-center">
                    <h5>梁楷松</h5>
                    <p>银行 行长</p>
                    <p>精通C，Java，SQL，HTML，JS，CSS，jQuery，web，Android等等，是一个不可多得的人才</p>
                    <ul class="social_icons list-inline">
                        <li class="facebook_icon">
                            <a href="#"><i class="fa fa-facebook " aria-hidden="true"></i></a>
                        </li>
                        <li class="twitter_icon ">
                            <a href="#"><i class="fa fa-twitter " aria-hidden="true"></i></a>
                        </li>
                        <li class="pinterest_icon">
                            <a href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a>
                        </li>
                        <li class="instagram_icon">
                            <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
                        </li>
                        <li class="flickr_icon">
                            <a href="#"><i class="fa fa-flickr " aria-hidden="true"></i></a>
                        </li>
                        <li class="google_plus_icon">
                            <a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-md-3 col-sm-6 m-t-50">
            <div class="meetour_back section-bottom-pad-40">
                <div class="meet_img_pad">
                    <img src="/Bank/res/FrontPage/images/man4.png" alt="girlimg" class="img-responsive img-thumbnail center-block">
                </div>
                <div class="img_underdata text-center">
                    <h5>林德嘉</h5>
                    <p>人事部部长</p>
                    <p>工作细心，效率高，手下的员工都非常佩服。有爱心，喜欢小动物。</p>
                    <ul class="social_icons list-inline">
                        <li class="facebook_icon">
                            <a href="#"><i class="fa fa-facebook " aria-hidden="true"></i></a>
                        </li>
                        <li class="twitter_icon ">
                            <a href="#"><i class="fa fa-twitter " aria-hidden="true"></i></a>
                        </li>
                        <li class="pinterest_icon">
                            <a href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a>
                        </li>
                        <li class="instagram_icon">
                            <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
                        </li>
                        <li class="flickr_icon">
                            <a href="#"><i class="fa fa-flickr " aria-hidden="true"></i></a>
                        </li>
                        <li class="google_plus_icon">
                            <a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-md-3 col-sm-6 m-t-50">
            <div class="meetour_back section-bottom-pad-40">
                <div class="meet_img_pad">
                    <img src="/Bank/res/FrontPage/images/woman4.png" alt="girlimg" class="img-responsive img-thumbnail center-block">
                </div>
                <div class="img_underdata text-center">
                    <h5>莫艳梅</h5>
                    <p>财务部部长</p>
                    <p>在他的管理下，银行的财务从来没有出过问题。性格开朗，能和下属打成一片。 </p>
                    <ul class="social_icons list-inline">
                        <li class="facebook_icon">
                            <a href="#"><i class="fa fa-facebook " aria-hidden="true"></i></a>
                        </li>
                        <li class="twitter_icon ">
                            <a href="#"><i class="fa fa-twitter " aria-hidden="true"></i></a>
                        </li>
                        <li class="pinterest_icon">
                            <a href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a>
                        </li>
                        <li class="instagram_icon">
                            <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
                        </li>
                        <li class="flickr_icon">
                            <a href="#"><i class="fa fa-flickr " aria-hidden="true"></i></a>
                        </li>
                        <li class="google_plus_icon">
                            <a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
        <div class="col-md-3  col-sm-6 m-t-50">
            <div class="meetour_back section-bottom-pad-40 ">
                <div class="meet_img_pad">
                    <img src="/Bank/res/FrontPage/images/man6.png" alt="girlimg" class="img-responsive img-thumbnail center-block">
                </div>
                <div class="img_underdata text-center">
                    <h5>王友杰</h5>
                    <p>外交部部长</p>
                    <p>专攻国际金融外交领域，实力非凡。平时少言寡语，不过该出手时就出手，丝毫不含糊。 </p>
                    <ul class="social_icons list-inline">
                        <li class="facebook_icon">
                            <a href="#"><i class="fa fa-facebook " aria-hidden="true"></i></a>
                        </li>
                        <li class="twitter_icon ">
                            <a href="#"><i class="fa fa-twitter " aria-hidden="true"></i></a>
                        </li>
                        <li class="pinterest_icon">
                        </li>
                        
                        <li class="flickr_icon">
                        </li>
                        <li class="google_plus_icon">&nbsp;
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
</div>

<!-------------Meet Our Team End--------->
<div class="container">
    <div class="row">
        <div class="col-sm-6 col-sm-offset-3 m-t-50 text-center">
            <h2 class="heading underline">开通会员</h2>
            <p class="text-center">高级的会员，有着更优质的服务</p>
        </div>
    </div>
    <div class="row">
        <div class="col-md-3 col-sm-6 section-top-40">
            <div class="pricing_box">
                <div class="row  pricing_border_danger">
                    <div class="col-xs-12 text-center pricing_basic">
                        <h5 class="text-white">大众会员</h5>
                    </div>
                    <div class="col-xs-12 bg-danger pricing_price">
                        <div class="m-t-50 price">
                            <h2 class="text-white">￥0</h2>
                            <h6 class="text-white">每月只需</h6>
                        </div>
                    </div>
                    <div class="col-xs-12 section-top-25">
                        <p><i class="fa fa-check text-success" aria-hidden="true"></i>&nbsp; 注册账号即刻开通；
                        </p>
                        <p><i class="fa fa-check text-success" aria-hidden="true"></i>&nbsp; 存款取款服务开启；
                        </p>
                        <p><i class="fa fa-check text-success" aria-hidden="true"></i>&nbsp; 生财有道服务开启；
                        </p>
                        <p><i class="fa fa-check text-success" aria-hidden="true"></i>&nbsp; 存款利息变更为：5%/年；
                        </p>
                    </div>
                    <div class="col-xs-12 text-center bg-danger section-top-25">
                        <a class="btn btn-empty section-bottom-15 section-top-15">立即开通</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3 col-sm-6 section-top-40">
            <div class="pricing_box">
                <div class="row pricing_border_warning">
                    <div class="col-xs-12 text-center pricing_intermediate">
                        <h5 class="text-white">黄金会员</h5>
                    </div>
                    <div class="col-xs-12 bg-warning pricing_price">
                        <div class="m-t-50 price">
                            <h2 class="text-white">￥399</h2>
                            <h6 class="text-white">每月只需</h6>
                        </div>
                    </div>
                    <div class="col-xs-12 section-top-25">
                        <p><i class="fa fa-check text-success" aria-hidden="true"></i>&nbsp; 信用卡服务开启；
                        </p>
                        <p><i class="fa fa-check text-success" aria-hidden="true"></i>&nbsp; 跨行转账服务开启；
                        </p>
                        <p><i class="fa fa-check text-success" aria-hidden="true"></i>&nbsp; 存款利息变更为：10%/年；
                        </p>
                        <p><i class="fa fa-check text-success" aria-hidden="true"></i>&nbsp; 继承大众会员的一切权限；
                        </p>
                    </div>
                    <div class="col-xs-12 text-center bg-warning section-top-25">
                        <a class="btn btn-empty section-bottom-15 section-top-15">立即开通</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3 col-sm-6 section-top-40">
            <div class="pricing_box">
                <div class="row pricing_border_primary">
                    <div class="col-xs-12 text-center pricing_advanced">
                        <h5 class="text-white">钻石会员</h5>
                    </div>
                    <div class="col-xs-12 bg-primary pricing_price">
                        <div class="m-t-50 price">
                            <h2 class="text-white">￥599</h2>
                            <h6 class="text-white">每月只需</h6>
                        </div>
                    </div>
                    <div class="col-xs-12 section-top-25">
                        <p><i class="fa fa-check text-success" aria-hidden="true"></i>&nbsp; 贷款服务开启；
                        </p>
                        <p><i class="fa fa-check text-success" aria-hidden="true"></i>&nbsp; 跨国转账服务开启；
                        </p>
                        <p><i class="fa fa-check text-success" aria-hidden="true"></i>&nbsp; 存款利息变更为：20%/年；
                        </p>
                        <p><i class="fa fa-check text-success" aria-hidden="true"></i>&nbsp; 继承黄金会员的一切权限；
                        </p>
                    </div>
                    <div class="col-xs-12 text-center bg-primary section-top-25">
                        <a class="btn btn-empty section-bottom-15 section-top-15">立即开通</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3 col-sm-6 section-top-40 section-bottom-15">
            <div class="pricing_box">
                <div class="row pricing_border_success">
                    <div class="col-xs-12 text-center pricing_expert">
                        <h5 class="text-white">王者会员</h5>
                    </div>
                    <div class="col-xs-12 bg-success pricing_price">
                        <div class="m-t-50 price">
                            <h2 class="text-white">￥999</h2>
                            <h6 class="text-white">每月只需</h6>
                        </div>
                    </div>
                    <div class="col-xs-12 section-top-25">
                        <p><i class="fa fa-check text-success" aria-hidden="true"></i>&nbsp; 目前服务全部开启；
                        </p>
                        <p><i class="fa fa-check text-success" aria-hidden="true"></i>&nbsp; 人工服务变为一对一服务
                        </p>
                        <p><i class="fa fa-check text-success" aria-hidden="true"></i>&nbsp; 存款利息变更为：50%/年；
                        </p>
                        <p><i class="fa fa-check text-success" aria-hidden="true"></i>&nbsp; 继承钻石会员的一切权限；
                        </p>
                    </div>
                    <div class="col-xs-12 text-center bg-success section-top-25">
                        <a class="btn btn-empty section-bottom-15 section-top-15">立即开通</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-----------------------Body Section End---------------->

<!------------尾部顶端的两个角------------>
<div class="shape section-top-50"></div>
<!-----------------------------尾部页面复用------------------------------------->

<%@ include file="/res/FrontPage/PartialPageReferences/foot.jsp" %>
